import  h  from './mysnabbdom/h.js'
import  patch  from './mysnabbdom/patch.js'

const myVnode = h("div", {}, "你好")
// const myVnode = h("div", {key:2}, [
//     h("h1", {}, "标题"),
//     h("h1", {}, "标题"),
//     h("ul", {}, [
//         h("li", {}, "子标题"),
//         h("li", {}, "子标题"),
//         h("li", {}, "子标题"),
//         h("li", {}, [
//             h("p", {}, "子标题"),
//             h("p", {}, "子标题")
//         ])
//     ]),
//     h("h1", {}, "标题")
// ])

const container = document.getElementById("container")

const btn = document.getElementById("btn")
console.log(btn);


patch(container, myVnode)

// const newVnode = h("div", {}, [
//     h("h1", {}, "标题"),
//     h("h1", {}, "标题新")
// ])

const newVnode = h("div", {}, "这是新的内容")


btn.onclick = function () {
    patch(myVnode, newVnode)
}

